@font-face {
    font-family: "iconfont logo";
    src: url('./../../font/庞门正道标题体3.0.ttf');
}

@font-face {
    font-family: "iconfont num";
    src: url('./../../font/Aldrich-Regular.ttf');
}

@font-face {
    font-family: "iconfont time";
    src: url('./../../font/Muli-Light.ttf');
}
.homebg {
    background-image: url('./../../assets/images/home/bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.homeTwo {
    background-image: url('./../../assets/images/home/bg2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home {
    width: 100%;
    min-height: 100vh;
    position: relative;
    font-size: 0.12rem;
    color: #13135A;

    div::-webkit-scrollbar {
        display: none
    }

    .el-input--suffix .el-input__inner {
        padding-right: 0;
    }

    .el-input--medium .el-input__inner {
        border-radius: 20px;
    }

    .el-carousel__indicators--horizontal {
        display: none;
    }

    .el-progress-bar__innerText {
        display: none;
    }

    .el-progress-bar__outer {
        background-color: #DBDFEF;
    }

    .el-table--medium .el-table__cell {
        padding: 0.05rem 0;
    }

    .tablebox th.el-table__cell.is-leaf,
    .tablebox td.el-table__cell {
        border: none;
        background: rgba(0, 0, 0, 0)
    }

    .tablebox td.el-table__cell {
        border: none;
        background: rgba(0, 0, 0, 0)
    }

    .bottomtable th.el-table__cell.is-leaf,
    .bottomtable td.el-table__cell {
        border: none;
        background: rgba(0, 0, 0, 0)
    }

    .righttable .el-table__header-wrapper th,
    .righttable .el-table__fixed-header-wrapper th {
        font-size: 0.14rem;
        height: 0.3rem;
        background: rgba(0, 0, 0, 0)
    }

    .bottomtable .el-table__header-wrapper th,
    .bottomtable .el-table__fixed-header-wrapper th {
        font-size: 0.16rem;
        height: 0.4rem;
        background: rgba(0, 0, 0, 0);
        color: #72729C;
    }

    .righttable tr {
        background: linear-gradient(90deg, rgba(219, 223, 239, 0) 0%, rgba(219, 223, 239, 0.6) 5%, #DBDFEF 50%, rgba(219, 223, 239, 0.6) 94%, rgba(219, 223, 239, 0) 100%);
    }

    .bottomtable tr {
        background: rgba(0, 0, 0, 0);
        color: #72729C;
    }

    .homeThreeTable tr {
        background: rgba(0, 0, 0, 0);
        color: #72729C;
    }

    .homeThreeTable th.el-table__cell.is-leaf {
        border-bottom: 1px solid rgba(32, 32, 32, 0.06)
    }

    .righttable tr {
        height: 0.3rem;
    }

    .el-table .el-table__header-wrapper th,
    .el-table .el-table__fixed-header-wrapper th {
        font-size: 0.12rem;
        height: 0.25rem;
    }

    .righttable tr:nth-child(2n-1) {
        background: rgba(0, 0, 0, 0)
    }

    .righttable .has-gutter tr:first-child {
        background: linear-gradient(90deg, rgba(219, 223, 239, 0) 0%, rgba(219, 223, 239, 0.6) 5%, #DBDFEF 50%, rgba(219, 223, 239, 0.6) 94%, rgba(219, 223, 239, 0) 100%);
    }

    .righttable .el-table__header-wrapper th,
    .righttable .el-table__fixed-header-wrapper th {
        background-color: rgba(0, 0, 0, 0)
    }

    .el-table {
        background-color: rgba(0, 0, 0, 0);
    }

    .el-table::before {
        height: 0;
    }

    .home-top {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0.32rem 0.50rem;
        z-index: 9;

        .title {
            font-size: 0.45rem;
            font-family: iconfont logo;
            color: #2B2B6A;
            line-height: 0.53rem;
            float: left;
            margin-top: 0.1rem;
        }

        .menu {
            float: left;
            padding-left: 1.04rem;
            padding-top: 0.05rem;

            &>div {
                float: left;
                color: #151778;
                line-height: 0.25rem;
                font-size: 0.18rem;
                padding: 0.05rem 0.14rem;
                padding-top: 0.10rem;
                padding-bottom: 0.03rem;
                cursor: pointer;
                margin-right: 0.90rem;
            }

            .active {
                font-weight: bold;
                color: #151778;
                border-bottom: 0.04rem solid #6D7CFC;
                background: linear-gradient(180deg, rgba(243, 245, 251, 0) 50%, rgba(112, 109, 252, 0.47) 100%);
            }
        }

        .datatime {
            float: right;

            .time {
                font-size: 0.36rem;
                font-family: iconfont time;
                font-weight: 200;
                color: #2B2B6A;
                float: left;
                width: 1.60rem;
            }

            .date {
                float: left;
                color: #2B2B6A;
                font-size: 0.12rem;
                padding-top: 0.05rem;
                font-family: iconfont num;
            }

            .bigbtn {
                float: right;
                width: 0.70rem;
                height: 0.32rem;
                background: #6D7CFC;
                box-shadow: 0rem 0.04rem 0.10rem 0rem #AEB6FF;
                border-radius: 0.19rem;
                font-size: 0.14rem;
                color: #FFFFFF;
                text-align: center;
                line-height: 0.32rem;
                cursor: pointer;
                margin-left: 0.49rem;
                margin-top: 0.05rem;
            }
        }
    }

    .tit {
        div {
            float: left;
        }

        .icon {
            background-image: url('./../../assets/images/home/titicon.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            width: 0.16rem;
            height: 0.16rem;
            margin-top: 0.06rem;
        }

        .titText {
            font-size: 0.18rem;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #2F2D6D;
            padding-left: 0.15rem;
        }

        .btnlist {
            float: right;

            div {
                width: 0.7rem;
                height: 0.31rem;
                background-image: url('./../../assets/images/home/btn.png');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                text-align: center;
                line-height: 0.28rem;
                margin-left: 0.09rem;
                cursor: pointer;
            }

            .active {
                color: #ffffff;
                background-image: url('./../../assets/images/home/btnactive.png');
            }
        }

        .titRight {
            float: right;
            color: #202020;
            text-align: right;

            .num {
                float: none;
                font-size: 0.28rem;
                font-family: 'iconfont num';
            }

            .txt {
                float: none;
                font-size: 0.12rem;
                padding-top: 0.05rem;
            }
        }
    }

    .home-left {
        position: absolute;
        width: 4rem;
        top: 0;
        left: 0;
        padding-top: 1.24rem;
        z-index: 9;

        .resident {
            padding-top: 0.33rem;
            padding-bottom: 0.38rem;

            &>div {
                float: left;
            }

            .icon {
                width: 0.61rem;
                height: 0.4rem;
                margin-top: 0.1rem;

                img {
                    width: 100%;
                    height: 100%;
                }
            }

            .msg {
                padding-left: 0.12rem;

                .num {
                    color: #525090;
                    font-size: 0.24rem;
                    font-family: iconfont num;

                    span {
                        font-size: 0.15rem;
                    }

                    .peoplenum {
                        font-size: 0.24rem;
                        padding-left: 0.24rem;
                    }
                }

                .txt {
                    font-size: 0.18rem;
                    color: #13135A;
                    padding-top: 0.05rem;
                    font-weight: 400;
                }
            }
        }

        .charbox {
            width: 3.52rem;
            height: 3.62rem;
            background-color: rgba(255, 255, 255, 0.6);
            border-radius: 0.31rem;
            border: 2px solid #FFFFFF;
            padding: 0.21rem;

            .chartit {
                font-size: 0.14rem;

                .num {
                    font-size: 0.26rem;
                    padding-top: 0.05rem;
                    font-family: iconfont num;
                }
            }

            .chart {
                height: 2.62rem;
                width: 3rem;
            }
        }

        .chartbox2 {
            width: 3.52rem;
            height: 3.85rem;
            margin-top: 0.2rem;

            .chart {
                height: 2.8rem;
                width: 3rem;
            }
        }
    }

    .home-right {
        position: absolute;
        width: 2.7rem;
        height: 80vh;
        top: 0;
        right: 0;
        padding-top: 1.2rem;
        z-index: 9;

        .expensebox {
            padding-top: 0.29rem;

            .expenseli {
                padding-bottom: 0.17rem;
                font-size: 0.14rem;

                .tittxt {
                    padding-bottom: 0.08rem;

                    &>div {
                        float: left;
                    }

                    .num {
                        float: right;
                    }
                }
            }
        }

        .pharmacy {
            padding-top: 0.1rem;

            .statisticsbox {
                padding-top: 0.2rem;
                padding-bottom: 0.19rem;

                .numMsg {
                    float: left;
                    color: #FFFFFF;
                    width: 1.3rem;
                    height: 0.64rem;
                    background: linear-gradient(160deg, #0081FF 0%, #22CCE2 100%);
                    border-radius: 0.06rem;
                    position: relative;
                    padding: 0.14rem;

                    .num {
                        font-family: "iconfont num";
                        font-size: 0.16rem;
                    }

                    .msg {
                        font-size: 0.12rem;
                    }

                    img {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 1.3rem;
                        height: 0.14rem;
                    }
                }

                .moneybox {
                    margin-left: 0.05rem;
                    background: linear-gradient(160deg, #FF3D57 0%, #FF8A48 100%);
                }
            }
        }
    }

    .home-bottom {
        position: absolute;
        width: 100%;
        top: 8.7rem;
        left: 0;
        z-index: 8;

        .bottom-center {
            width: 60%;
            height: 1.71rem;
            margin: 0 auto;
            margin-left: 22.5%;
            background: rgba(255, 255, 255, 0.6);
            border-radius: 0.3rem;
            border: 3px solid #FFFFFF;
            padding: 0.2rem 0.32rem;
            position: relative;

            .bottombox {
                width: 100%;
                height: 0.32rem;
                background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 46%, rgba(255, 255, 255, 0.99) 100%);
                border-radius: 0rem 0rem 0.32rem 0.32rem;
                position: absolute;
                left: 0;
                bottom: 0;
            }
        }
    }

    .home-content {
        padding: 0.32rem 0.50rem;
    }

    .home-map {
        width: 11.97rem;
        height: 10rem;
        margin: 0 auto;
        background-image: url('./../../assets/images/home/mapbg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}

.hometwo {
    padding-top: 0.8rem;
    color: #000;

    .homeTwoTop {

        .resident {
            padding-top: 0.33rem;
            padding-bottom: 0.38rem;
            float: left;
            width: 5rem;

            &>div {
                float: left;
            }

            .icon {
                width: 0.81rem;
                height: 0.6rem;

                img {
                    width: 100%;
                    height: 100%;
                }

                .cxpeople {
                    width: 100%;
                }
            }

            .msg {
                padding-left: 0.12rem;
                font-size: 0.16rem;

                .num {
                    font-size: 0.28rem;
                    font-family: iconfont num;

                }

                .home3num {
                    font-size: 0.36rem;
                }

                span {
                    font-size: 0.16rem;
                }

                .txtmsg {
                    color: #000;
                    padding-left: 0.37rem;
                }

                img {
                    width: 0.16rem;
                    height: 0.09rem;
                    margin-left: 0.24rem;
                    margin-right: 0.05rem;
                    margin-bottom: 0.03rem;
                }

                .txt {
                    font-size: 0.18rem;
                    padding-top: 0.05rem;
                    font-weight: 400;
                }

                .home3txt {
                    font-size: 0.12rem;
                    padding-top: 0;
                }
            }
        }
    }

    .el-progress-circle {
        width: 0.61rem !important;
        height: 0.61rem !important;
        margin-left: 0.1rem;
    }

    .el-progress__text {
        font-size: 0.12rem;
        font-family: 'iconfont num';
    }

    .cxpeople .el-progress__text {
        font-size: 0.12rem;
        color: #FF9900
    }

    .cxpeople .el-progress-circle__track {
        stroke: #FF9900;
        opacity: 0.1;
    }

    .zgpeople .el-progress__text {
        font-size: 0.12rem;
        color: #F50000
    }

    .zgpeople .el-progress-circle__track {
        stroke: #F50000;
        opacity: 0.1;
    }

    .zgpeople .el-progress__text {

        margin-left: 0.05rem;
    }

    .topli1 {
        // float:right;
        margin-top: 0.25rem;
    }

    .topli1 .el-progress__text {
        font-size: 0.12rem;
        color: #fff;
        // top: 0rem;
        // left: -82%;
    }

    .topli1 .el-progress-circle {
        margin-left: 0;
    }

    .topli1 .el-progress-circle__track {
        stroke: #FFFFFF;
        opacity: 0.78;
    }

    .topli1 .el-progress-circle {
        width: 1.3rem !important;
        height: 1.3rem !important;
    }

    .homeTwoContent {
        margin-bottom: 0.2rem;

        &>div {
            float: left;
        }

        .content-left {
            width: 64.5%;
            height: 4.92rem;
            margin-right: 0.2rem;

            .charbox {
                &>div {
                    float: left;
                    width: 50%;
                }

                .chartleft {
                    padding-right: 0.4rem;
                    height: 4rem;
                }

                .chartright {
                    padding-left: 0.4rem;
                    height: 4rem;
                }
            }

        }

        .content-right {
            width: 33.8%;
            height: 4.92rem;
        }

        .top-content-left {
            .topLi {
                float: left;
                width: 18.6%;
                height: 2.87rem;
                background-image: url('./../../assets/images/home/iconbg1.png');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                margin-left: 0.18rem;
                padding: 0.25rem 0.24rem;
                color: #fff;
                border-radius: 0.25rem;

                .litit {
                    font-size: 0.14rem;
                    padding-bottom: 0.1rem
                }

                .linum {
                    font-family: 'iconfont num';
                    font-size: 0.25rem;

                    span {
                        font-size: 0.14rem;
                    }
                }

                .lichart {
                    position: relative;
                    width: 1.3rem;
                    margin: 0 auto;

                    img {
                        width: 16%;
                        height: 0.34rem;
                        position: absolute;
                        top: 0.22rem;
                        right: 59%;
                    }
                }
            }

            .topLi2 {
                background-image: url('./../../assets/images/home/iconbg2.png');
            }

            .topLi3 {
                background-image: url('./../../assets/images/home/iconbg3.png');
            }

            .topLi4 {
                background-image: url('./../../assets/images/home/iconbg4.png');
            }

            .topLi5 {
                background-image: url('./../../assets/images/home/iconbg5.png');
            }

            .topLi:first-child {
                margin-left: 0
            }
        }
    }

    .homeThree {
        .content-left {
            width: 63%;
        }

        .content-right {
            width: 35.5%;
        }
    }

    .homeTwoBottom {
        height: 3.17rem;
    }

    .charbox {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.6);
        border-radius: 0.31rem;
        border: 2px solid #FFFFFF;
        padding: 0.21rem;
    }

    .tablebox {
        float: left;
        width: 100%;

        .tabletit {
            font-size: 0.16rem;
            color: #06B990;
            padding-left: 0.2rem;
            position: relative;
            margin-left: 0.1rem;
        }

        .tabletit::before {
            content: '';
            display: block;
            position: absolute;
            top: 0.07rem;
            left: 0;
            width: 0.08rem;
            height: 0.08rem;
            background: #44D7B6;
            box-shadow: 0rem 0.02rem 0.04rem 0rem rgba(68, 215, 182, 0.68);
            border-radius: 50%;
        }

        .titone {
            color: #0091FF;
        }

        .titone::before {
            background: #0091FF;
            box-shadow: 0rem 0.02rem 0.04rem 0rem rgba(0, 145, 255, 0.68);
        }
    }

    .posiTit {
        position: absolute;
        top: 0.21rem;
        left: 0.21rem;
    }
}